Blussom Knowledgebase

Quick Links

! Online help document.

Please check online help document if any query unanswered here.

Online Help Document »

! Bootstrap

Bootstrap Documentation »

* Images in help document are for guidance, may not represent exact theme appearance sometimes

Table of Contents

Get Started - How to use

How to use

  • Open up your FTP manager and connect to your hosting.
  • Browse to required directory (normally it is public_html)
  • Upload template folder named as 'blusson' here.
  • Find template folder here:
    Main donload package / html and css / blussom

Template folder contains all files of the template.

  • html
  • css
  • js
  • php
  • images

Utilities

Template comes with below spacing utilities:
  • Padding
  • Margin
  • All utiites are listed in style.css
  • Colors and color utilities are listed in color-1.css

Favicon / Site Icon

  • Upload favicon images here: Template folder / assets / images / icons
  • Keep name and sizes same as per provided in template

Forms

You need to do / give following two things, to make form work....

  • Your email id in:
    contact-form.php
    quote-form.php
    $youremail = 'yourname@mail.com';

FAQ and Considerations

  • Forms do not work locally
  • Do not change location of form php file
  • How to change mail body?
    It can be changed in form's php file.
    $body = "You have got new message from your website :
  • How to change success message (message displayed after send process complete)?
    Message which displays as result on send process complete, can be changed in php file, right at the bottom.

Font Icons

Animations when Scroll 



Heading with Animation
  • Give class 'wow' and 'desired animation' class to the element to be animated on load.
  • Animation class names can be found here along with demo: Animate.css
  • Delay can be given as per requirement. More info here: Animations When Scroll

One Page Scroll / Scrolling Link

One Page Scroll
Give ID of respective section in navbar link's href attribute along with #.

Ex: #work



  •  Work 
    •

    Give Same ID to the section.

    

     
Content Goes Here
    Individual Link With Smooth Scroll

    Give class 'dtr-scroll-link' to the link and ID of the section it needs to be scrolled

    

     
Link with Smooth Scroll

    While removing any jquery library attached

    • If you are removing any jquery library attached, remember to remove its function form custom.js (if any)
    • Otherwise it will cause js errors

    Credits and sources

    • Framework - https://getbootstrap.com/
    • Swiper Slider: https://swiperjs.com/demos/
    • Select2: https://select2.org/
    • Smooth Scroll: https://github.com/cferdinandi/smooth-scroll
    • Easing: http://gsgd.co.uk/sandbox/jquery/easing/
    • Form Plugin: http://malsup.com/jquery/form/
    • WOW Animations: https://wowjs.uk/
    • Animate: http://daneden.me/animate
    • Jquery validation - https://jqueryvalidation.org/
    • Venobox; http://veno.es/venobox/

    Changelog

    Update: 25 May 2020
    • Added: single-post-full.html
    • Added: single-post.html
    How to use this update?
    • Copy paste both html templates to your folder in case aim to use
    • Paste ===== this CSS » ===== at the bottom of style.css
    #Top